<template>
  <section>
    <Charts v-if="mode==='chart'"></Charts>
    <Tables v-else></Tables>
<!--    <Toolbar :cfg="toolbarCfg" :mode="mode" :toggle="toggleMode"></Toolbar>-->

  </section>
</template>

<script>
  import Toolbar from "comp/common/Toolbar";
  import Charts from 'comp/monitor/Charts'
  import Tables from 'comp/monitor/Tables'

  export default {
    name: "Repair",
    components: {
      Charts,
      Toolbar,
      Tables
    },
    data() {
      return {
        mode: 'table',
        toolbarCfg: [
          {
            mode: 'chart',
            label: '图表模式',
            icon: WebCfg.icons.chart
          },
          {
            mode: 'table',
            label: '表格模式',
            icon: WebCfg.icons.table
          }

        ],
      }
    },
    mounted() {
      this.$kkui.loading_deepBlue.hide();
    },
    methods: {
      toggleMode(mode) {
        this.mode = mode;
      },
    }
  }
</script>

<style scoped lang="scss">
  section{
    background-color: #fff;
  }
</style>
